.dx-loadindicator-icon {
    position: relative;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%;
}
.dx-loadindicator-segment {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    .transform(rotate(180deg));
    .animation(dx-win-loadindicator-orbit 5s infinite);

    &:before {
        content: "";
        position: absolute;
        width: 17%;
        height: 17%;
        background: @WIN10_LOADINDICATOR_ACCENT_COLOR;
        top: 0;
        left: 0;
        .border-radius(100%);
    }

    &.dx-loadindicator-segment1 {
        .animation-delay(240ms);
    }

    &.dx-loadindicator-segment2 {
        .animation-delay(480ms);
    }

    &.dx-loadindicator-segment3 {
        .animation-delay(720ms);
    }

    &.dx-loadindicator-segment4 {
        .animation-delay(960ms);
    }

    @-webkit-keyframes dx-win-loadindicator-orbit {
        0% {
            opacity: 1;
            -webkit-transform: rotate(180deg);
            -webkit-animation-timing-function: ease-out;
            z-index: 100;
        }

        7% {
            -webkit-transform: rotate(345deg);
            -webkit-animation-timing-function: linear;
        }

        30% {
            -webkit-transform: rotate(455deg);
            -webkit-animation-timing-function: ease-in-out;
        }

        44% {
            -webkit-transform: rotate(690deg);
            -webkit-animation-timing-function: linear;
        }

        70% {
            -webkit-transform: rotate(815deg);
            -webkit-animation-timing-function: ease-out;
        }

        75% {
            opacity: 1;
            -webkit-transform: rotate(945deg);
            -webkit-animation-timing-function: ease-out;
        }

        76% {
            opacity: 0;
            -webkit-transform: rotate(945deg);
        }

        100% {
            opacity: 0;
            -webkit-transform: rotate(945deg);
        }
    }

    @-moz-keyframes dx-win-loadindicator-orbit {
        0% {
            opacity: 1;
            -moz-transform: rotate(180deg);
            -moz-animation-timing-function: ease-out;
            z-index: 100;
        }

        7% {
            -moz-transform: rotate(345deg);
            -moz-animation-timing-function: linear;
        }

        30% {
            -moz-transform: rotate(455deg);
            -moz-animation-timing-function: ease-in-out;
        }

        44% {
            -moz-transform: rotate(690deg);
            -moz-animation-timing-function: linear;
        }

        70% {
            -moz-transform: rotate(815deg);
            -moz-animation-timing-function: ease-out;
        }

        75% {
            opacity: 1;
            -moz-transform: rotate(945deg);
            -moz-animation-timing-function: ease-out;
        }

        76% {
            opacity: 0;
            -moz-transform: rotate(945deg);
        }

        100% {
            opacity: 0;
            -moz-transform: rotate(945deg);
        }
    }

    @-ms-keyframes dx-win-loadindicator-orbit {
        0% {
            opacity: 1;
            -ms-transform: rotate(180deg);
            -ms-animation-timing-function: ease-out;
            z-index: 100;
        }

        7% {
            -ms-transform: rotate(345deg);
            -ms-animation-timing-function: linear;
        }

        30% {
            -ms-transform: rotate(455deg);
            -ms-animation-timing-function: ease-in-out;
        }

        44% {
            -ms-transform: rotate(690deg);
            -ms-animation-timing-function: linear;
        }

        70% {
            -ms-transform: rotate(815deg);
            -ms-animation-timing-function: ease-out;
        }

        75% {
            opacity: 1;
            -ms-transform: rotate(945deg);
            -ms-animation-timing-function: ease-out;
        }

        76% {
            opacity: 0;
            -ms-transform: rotate(945deg);
        }

        100% {
            opacity: 0;
            -ms-transform: rotate(945deg);
        }
    }

    @-o-keyframes dx-win-loadindicator-orbit {
        0% {
            opacity: 1;
            -o-transform: rotate(180deg);
            -o-animation-timing-function: ease-out;
            z-index: 100;
        }

        7% {
            -o-transform: rotate(345deg);
            -o-animation-timing-function: linear;
        }

        30% {
            -o-transform: rotate(455deg);
            -o-animation-timing-function: ease-in-out;
        }

        44% {
            -o-transform: rotate(690deg);
            -o-animation-timing-function: linear;
        }

        70% {
            -o-transform: rotate(815deg);
            -o-animation-timing-function: ease-out;
        }

        75% {
            opacity: 1;
            -o-transform: rotate(945deg);
            -o-animation-timing-function: ease-out;
        }

        76% {
            opacity: 0;
            -o-transform: rotate(945deg);
        }

        100% {
            opacity: 0;
            -o-transform: rotate(945deg);
        }
    }

    @keyframes dx-win-loadindicator-orbit {
        0% {
            opacity: 1;
            transform: rotate(180deg);
            animation-timing-function: ease-out;
            z-index: 100;
        }

        7% {
            transform: rotate(345deg);
            animation-timing-function: linear;
        }

        30% {
            transform: rotate(455deg);
            animation-timing-function: ease-in-out;
        }

        44% {
            transform: rotate(690deg);
            animation-timing-function: linear;
        }

        70% {
            transform: rotate(815deg);
            animation-timing-function: ease-out;
        }

        75% {
            opacity: 1;
            transform: rotate(945deg);
            animation-timing-function: ease-out;
        }

        76% {
            opacity: 0;
            transform: rotate(945deg);
        }

        100% {
            opacity: 0;
            transform: rotate(945deg);
        }
    }
}

.dx-loadindicator-image {
    background-image: @WIN10_LOADINDICATOR_BACKGROUND_IMAGE;
}

.dx-rtl .dx-loadindicator-icon {
    right: 20%;
    left: 0;
}
